<template>
  <view>
    <navbar />
    <u--form>
      <u-cell title="报销名称：" />
      <u--input border="bottom" :rules="[{ required: true, message: '请填写报销名称' }]" placeholder="请输入报销名称" />
      <u-cell title="受益人：" />
      <system-user placeholder="请选择受益人" label="" />
      <u-cell title="垫资人" />
      <system-user placeholder="请选择垫资人" label="" />
      <u-cell title="项目名称" />
      <u--input border="bottom" placeholder="请输入项目名称" />
      <u-row>
        <u-col span="6">
          <u-cell title="发生时间：" />
          <!-- <date-picker placeholder="请选择发生时间" type="date" label="" pattern="{y}-{m}-{d}" /> -->
        </u-col>
        <u-col span="6">
          <u-cell title="报销金额：" />
          <u--input border="bottom" placeholder="请输入报销金额" />
        </u-col>
      </u-row>
      <u-cell title="附件：" />
      <upload-image />
      <u-cell title="备注：" />
      <u--input border="bottom" placeholder="请输入备注内容" />
      <view style="margin:50px;"><u-button type="primary" shape="circle" size="large">提交</u-button></view>
    </u--form>
  </view>

</template>

<script>
import SystemUser from '@/components/System/systemUser'
// import DatePicker from '@/components/picker/datePicker'
import UploadImage from '@/components/Upload/uploadImage'
export default {
  name: 'RecoverableForm',
  components: {
    SystemUser,
    // DatePicker,
    UploadImage
  },
  data() {
    return {
    }
  }

}
</script>

<style lang="scss" scoped>
  // .box{
  //   :deep(.van-field){
  //   display: block !important;
  // }
  // }
  // .van-field{
  //   display: block !important;
  // }
</style>
